<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>手环二维码</title>
<meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

<style type="text/css">
*{
	margin: 0;
	padding: 0;
}

.bracelet{
	
}
#bracelet img{
	width: 100%;
	height: 32%;
	border-bottom:1px solid #ccc;
}
#qrcode{
	text-align: center;
	height: 100%;
	width:100%;
	color:#444;
	font-size: 16px;
	margin-top: 20px;
}
#qrcode img{
	/* height:40%; */
	width: 50%;
	/* min-height: 300px;
	min-width: 300px; */
}
#qrcodeImage{
	
}
#reminder{
	text-align: center;
	width: 100%;
	color:#666;
	font-size: 13px;
	margin-top: 3px;
	margin-top: 30px;
}
#reminder div{
	line-height: 25px;
	
}
.popt{
	width: 100%;
	text-align: center;
	margin-top: 90px;
	display: none;
}
</style>
</head>

<body>
<input type="hidden" value="ouz52jiY7gfJd3vK-9K6T9mBRPuo" id="openId" />
<input type="hidden" value="ca040507d6f1" id="deviceId" />
	<div id="b" style="display: none">
		<div class="bracelet" id="bracelet">
			<img id="braceletImage" src="/weixin/v1/img/ls405.jpg"/>
		</div>
		<div class="qrcode" id="qrcode">
			<img id="qrcodeImage" src="/weixin/v1/userfiles/img/1323930100513777.jpg"/>
			<div style="margin-top: -5px;text-decoration: none;color:#444">SN:1323930100513777</div>
		</div>
		<div id="reminder">
		<div>温馨提示:</div>
		<div>请长按二维码保存图片，以免丢失</div>
		</div>
		
	</div>
	
	<div class="popt" id="popt">未绑定任何手环设备</div>
	
	<!-- 隐藏微信右上角菜单 -->
	



<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="{{ URL::asset('weixin/v1/js/weixin_signature_api.js') }}"></script>

</body>
<script type="text/javascript">
var ctx = "";
	window.onload=function(){
		document.title = "手环二维码";
		wxcheckWXSignature();
		//判断是否存在二维码
		if(document.getElementById("openId").value == null || document.getElementById("openId").value=="" || document.getElementById("deviceId").value == null || document.getElementById("deviceId").value==""){
			document.getElementById("b").style.display = "none";
			document.getElementById("popt").style.display = "block";
		}else{
			document.getElementById("b").style.display = "block";
			var clientHeight = document.getElementById("braceletImage").clientHeight;
			if(clientHeight < 50){
				document.getElementById("braceletImage").style.height = "150px";
			}
		}
	}
</script>
</body>
</html>